<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品比价</title>
</head>

<link rel="stylesheet" href="./../lib/bootstrap/css/bootstrap.css">

<link rel="stylesheet" href="./../css/base.css">
<link rel="stylesheet" href="./../css/bijia.css">

<body>
    <!-- 头部区域 -->
    <header id="header">
        <a href="#" class="logo"><img src="images/header_logo.png" alt=""></a>
        <a href="#" class="app"><img src="images/header_app.png" alt=""></a>
    </header>

    <!-- 搜索区域 -->
    <section id="search">
        <form action="#">
            <input type="search" name="" id="" placeholder="请输入要比价的商品">
            <input type="submit" value="搜索">
        </form>
    </section>

    <!-- 商品详情 -->
    <section id="product">

        <!-- 三级标题 -->
        <div class="category-title">
            <ol class="breadcrumb">
                <li><a href="index.html">首页</a></li>
                <li><a href="category.html">全部分类</a></li>
                <li>奥克斯</li>
            </ol>
            <a href="#" class="btn btn-default">筛选</a>
        </div>

        <!-- 商品信息 -->
        <div class="product-info">
            <div class="product-bijia">
                <div class="product-name">
                    <!-- 乐视TV(Letv)S50 Air全配版2D 50英寸 全高清LED液晶电视 -->
                </div>
                <div class="product-img"></div>
                <!-- 收藏 暂定 -->
            </div>

            <div class="tab">
                <ul>
                    <li class="cur col-xs-4">
                        <a href="#">比价购买</a>
                    </li>

                    <li class="mtab col-xs-4">
                        <a href="#">产品参数</a>
                    </li>

                    <li class="col-xs-4">
                        <a href="#">评价</a>
                    </li>
                </ul>
            </div>

            <div class="plist">
                <a href="#" onclick="trackLog('商品购买','比价页面')"></a>
                <div class="note">
                    * 实际价格以各网站列出的实时售价为准，我们提供的价格可能有数小时至数日的延迟。
                </div>
            </div>

            <!-- 评价 -->
            <div class="product-com-title">
                <div>网友评价</div>
            </div>
            <div class="product-com-list">
                <div class="more">
                    <a class="morein" href="#">查看更多评价</a>
                </div>
            </div>
        </div>
    </section>

    <!-- 底部 -->
    <footer id="footer">
        <div class="row">
            <div class="col-xs-4">
                <a href="#">登录</a>
            </div>
            <div class="col-xs-4">
                <a href="#">注册</a>
            </div>
            <div class="col-xs-4">
                <a href="#">返回顶部</a>
            </div>
        </div>
        <p> <a href="#">手机APP下载</a> <a href="#">慢慢买手机版</a> -- 掌上比价平台</p>
        <p>m.manmanbuy.com </p>
    </footer>
</body>

</html>

<!-- 商品详情模板 -->
<script type="text/html" id="productInfoTmp">
    {{each result as value i}}
    <div class="product-bijia">
        <div class="product-name">
            {{value.productName}}
        </div>
        <div class="product-img">
            {{#value.productImg}}
        </div>
        <div class="product-collect">
            <a href="javascript:setfav(473088);">
                <img src="http://www.zuyushop.com/wap/images/sc.jpg" width="39" height="39"></a>
        </div>
    </div>
    <div class="tab">
        <ul>
            <li class="cur col-xs-4"><a href="#">比价购买</a></li>
            <li class="mtab col-xs-4">
                <a href="#">产品参数</a></li>
            <li class="col-xs-4"><a href="#" class="">评价(2322)</a></li>
        </ul>
    </div>
    <div class="plist">
        <a href="#" target=" _blank " onclick="trackLog( '商品购买', '比价页面'); ">
              {{#value.bjShop}}
            </a>
        <div class="note ">
            * 实际价格以各网站列出的实时售价为准，我们提供的价格可能有数小时至数日的延迟。
        </div>
    </div>
    <div class="product-com-title ">
        <div>网友评价</div>
    </div>
    <div class="product-com-list ">
    </div>
    {{/each}}
</script>

<script type="text/html" id="productComTmp">
    <ul>
        {{each result as value i}}
        <li>
            <div class="clearfix "> <span class="pull-left com-name ">{{value.comName}}             </span>
                <span class="pull-right com-time ">{{value.comTime}}               </span></div>
            <div class="clearfix "> <span class="star pull-left com-star "><em class="star5 "></em></span> <span class="pull-right com-from ">                   {{value.comFrom}}                </span></div>
            <div class="com-content ">{{value.comContent}}</div>
        </li>
        {{/each}}
    </ul>
    <div class="more ">
        <a href="# ">查看更多评价</a>
    </div>
</script>
<script src="./../js/url.js "></script>
<script src="./../lib/jquery/jquery.js "></script>
<script src="./../lib/bootstrap/js/bootstrap.js "></script>
<script src="./../js/template.js "></script>
<script src="./../js/bijia.js "></script>